<div>
	<div class="panel-group" id="accordion">
		<div class="panel panel-default" ng-repeat="d in categorias">
			<div class="panel-heading">
				<h4 class="panel-title">
					<a style="display: block;" id="collapseControl{{d}}"
						data-toggle="collapse" data-parent="#accordion"
						href="#collapse{{d}}"><span ng-bind="d"></span> </a>
				</h4>
			</div>
			<div id="collapse{{d}}" class="panel-collapse collapse">
				<div class="panel-body">
					<div class="row"
						ng-repeat="i in $parent.indicadores | orderBy:['id'] | filter:{categoria:d}"
						id="divIndicador{{i.categoria}}{{i.consecutivo}}">
						<div class="col-md-9">
							<div class="form-group">
								<label>Texto</label> <input class="form-control" type="text"
									ng-model="i.descripcion"
									ng-change="$parent.$parent.actualizarIndicador(i)"></input>
							</div>
						</div>
						<div class="col-md-2">
							<div class="form-group">
								<label>Consecutivo</label>
								<p class="form-control-static">{{i.categoria.charAt(0)}}{{i.consecutivo}}</p>

							</div>
						</div>
						<div class="col-md-1">
							<div class="form-group">
								<label> </label>
								<button class="form-control"
									ng-click="borrarIndicador(i)">
									<i class="glyphicon glyphicon-trash"></i>
								</button>
							</div>
						</div>
					</div>

					<div class="col-md-8"></div>
					<div class="col-md-4">
						<div class="form-group">
							<button class="form-control" ng-click="$parent.nuevoIndicador(d)">
								Nuevo Indicador<i class="glyphicon glyphicon-plus pull-right"></i>
							</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

</div>